import React from 'react';

const Footer: React.FC = () => {
  return (
    <footer style={{ 
      textAlign: 'center', 
      // 调整 padding 以适应新高度
      padding: '10px 20px', 
      // 设置背景色为浅黄色
      backgroundColor: '#ffffe0', 
      // 确保页脚固定在底部
      position: 'fixed',
      left: 0,
      bottom: 0,
      width: '100%',
      // 确保页脚在其他元素之上
      zIndex: 1000,
      // 设置高度为 40px
      height: '40px', 
      boxSizing: 'border-box', // 确保 padding 包含在高度内
      // 添加 flex 布局以实现垂直居中
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center'
    }}>
      <p>&copy; 2025 My Umi App 01. All rights reserved.</p>
    </footer>
  );
};

export default Footer;